<template>
<div>
  <el-row class="tac">
    <el-col :span="6">
    <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" router  :plain="true">
      <el-menu-item index="/center/person" >
        <i class="el-icon-user"></i>
        <span slot="title">个人资料</span>
      </el-menu-item>
      <el-menu-item index="/center/vip">
        <i class="el-icon-shopping-cart-full"></i>
        <span slot="title">会员管理</span>
      </el-menu-item>
      <el-menu-item index="/center/file" >
        <i class="el-icon-s-data"></i>
        <span slot="title">用户分析</span>
      </el-menu-item>
      <el-menu-item index="/center/account">
        <i class="el-icon-setting"></i>
        <span slot="title">账号管理</span>
      </el-menu-item>
    </el-menu>
    </el-col>
    <el-col :span="12" :offset="'1'-0">
        <router-view/>
    </el-col>
  </el-row>
</div>
 
</template>

<script>
export default {
    data(){
        return{

        };
        
    },
    methods:{
        handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath);
      },
    }
}
</script>

<style>

</style>